<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Didact - Hello World</title>
</head>

<body>
	<div id="root"></div>	
	<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
	<script src="https://unpkg.com/didact"></script>
	<script type="text/jsx" data-presets="es2016,react">
		/** @jsx didact.createElement */
		const root = document.getElementById("root");
		class App extends didact.Component {
			render() {
				return <div>Hello {this.props.name}!</div>;
			}
		}
		didact.render(<App name="World" />, root);
	</script>
</body>

</html>